.icon {
    display: inline-block;
    background: url('../images/icon.png') no-repeat;
    background-size: 2rem 2rem;
}

@mixin icon ($width, $height, $background-position, $vertical-align:middle) {
    width: $width;
    height: $height;
    background-position: $background-position;
    vertical-align: $vertical-align;
}

// 返回
.icon-back {
    @include icon(0.1rem, 0.17rem, -0.03rem -0.98rem)
}

// 搜索
.icon-search {
    @include icon(0.19rem, 0.19rem, -0.03rem -1.16rem)
}

// 清空
.icon-clear {
    @include icon(0.14rem, 0.14rem, -0.03rem -1.37rem);
    cursor: pointer;
}
// 加号
.icon-plus {
    @include icon(0.11rem, 0.12rem, -0.37rem -1.16rem)
}

// 星星
.icon-star {
    @include icon(0.17rem, 0.17rem, -0.03rem -1.54rem);
    box-sizing: content-box;

    &.active {
        background-position: -0.03rem -1.73rem;
    }
}

// 编辑
.icon-edit {
    @include icon(0.11rem, 0.11rem, -0.37rem -0.03rem)
}

/*侧边栏*/

.icon-side-choose {
    @include icon(0.26rem, 0.23rem, -0.03rem -0.32rem)
}

.icon-side-bells {
    @include icon(0.24rem, 0.23rem, -0.03rem -0.03rem)
}

.icon-up {
    @include icon(0.12rem, 0.13rem, -0.03rem -0.6rem)
}

.icon-down {
    @include icon(0.12rem, 0.13rem, -0.03rem -0.82rem)
}

// 登录
.icon-login-user {
    @include icon(0.19rem, 0.22rem, -0.37rem -0.15rem)
}

.icon-login-pass {
    @include icon(0.19rem, 0.23rem, -0.37rem -0.37rem)
}

.icon-login-eye {
    @include icon(0.21rem, 0.08rem, -0.37rem -0.77rem);
    margin-top: -0.1rem;
    padding:0.1rem 0 0.1rem 0.1rem;
    cursor: pointer;

    &.open {
        @include icon(0.21rem, 0.15rem, -0.37rem -0.6rem);
        margin-top: -0.075rem;
    }
}

// 用户中心
.icon-user-go{
    @include icon(0.1rem, 0.17rem, -0.37rem -0.98rem);
}

// 置顶
.icon-totop{
    @include icon(0.11rem, 0.17rem, -0.37rem -1.37rem);
    padding-right: 0.2rem;
    cursor: pointer;

}
// 排序
.icon-sort{
    @include icon(0.13rem, 0.1rem, -0.37rem -1.6rem);
    padding-right: 0.22rem;
    cursor: pointer;
}

// 单选框
.icon-radio{
    @include icon(0.17rem, 0.17rem, -0.7rem -1.73rem);
    margin:0.05rem 0;

    &.active{
        background-position: -0.365rem -1.73rem;
    }
}